草庐IT

Android 通过 touchEvent 从类 View 完成 Activity

全部标签

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - 初始 handsontable View 不会拉伸(stretch)到正确的宽度

我有一个handsontable对象(实际上是两个对象,都在Bootstrap模式中),它在页面构建后加载了数据。这是一个重复问题的jsfiddlehttps://jsfiddle.net/mtbdeano/w7dofbyy/即使使用stretchH:all选项,表格的大小也太窄了。单击内容后,它们会像变魔术一样调整到正确的列宽。我是否缺少一些初始化参数?加载新数据后如何将其调整为正确的宽度?/*thesetablesareinthemodal*/$('#keyword_table').handsontable({data:keyword_data,rowHeaders:true,co

javascript - 通过在 react-router 的地址栏中输入它的地址直接访问路由器

有两种“主要”方式使用react-router(V4);第一种方法是使用哈希路由器,您可以通过在浏览器的地址栏中键入地址来直接访问该地址,但您必须在URL中添加#,另一种方法是使用BrowserRouter,它具有漂亮且用户友好的URL结构,但您不能t直接键入地址以呈现路线。如何将HashRouter配置为在没有#的情况下工作,或者将BrowserRouter配置为直接输入URL?.htaccess可以吗?怎么办?constReact=require('react');constReactDOM=require('react-dom');import{HashRouterasRoute

javascript - Angular:自动完成字段在删除元素后更改焦点

我有一个使用PrimeNG组件的Angular2应用。UI具有多选自动完成组件(p-autoComplete),类似于thedocumentation中的组件:唯一的区别是,在我的例子中,输入字段具有固定的尺寸和滚动条。问题:每次当我从自动完成列表的中间删除一个元素时,它会将焦点移动到输入字段的底部。它看起来像这样:这对用户来说非常烦人,尤其是当有几个字段应该被删除时。问题:如何在删除元素后强制滚动保持在同一位置?如何重现:更具体地说,您可以通过添加下一个css来重现该问题max-width:150px;max-height:100px;overflow-y:auto;直接在docum

javascript - 如何仅在 ReactJS 中完成 http 请求后才进行渲染

我只需要在完成对componentDidMount函数的请求后调用我的组件的渲染函数。componentDidMount(){letctx=this;ApiService.get('/busca/empresa/pagina').then(function(response){if(response.data.empresa){ctx.setState({company:response.data.empresa});ctx.getProducts();ctx.verifyAuthentication();}},function(error){Notification.error('H

javascript - 如何通过 Content-Security-Policy 允许 `javascript:void(0)` 在 HTML 元素属性中使用?

我希望能够做到或确保即使处理程序未能阻止默认操作也不会发生任何事情。我应该如何声明允许使用Content-Security-PolicyHTTP响应header而不求助于unsafe-eval? 最佳答案 我最近将CSP策略应用于一个巨大的VUE项目,方法是将元header添加到index.html。GoogleChrome会打印关于javascript:的警告链接,但除此之外没有其他任何事情发生。我所做的只是删除href="javascript:属性,并添加了一个样式来保持游标样式:a:hover{cursor:pointer;}

javascript - Angular:将通过 API 检索到的 JSON 对象的数组分配给变量

我正致力于通过GoogleBloggerAPI加载博客提要并在组件中显示结果。我无法弄清楚如何将{"items":[]}数组分配给posts变量以显示帖子。这是我所拥有的:组件:import{Component,OnInit}from'@angular/core';import{FeedService,Feed}from'./feed.component.service';import{Observable}from'rxjs/Observable';@Component({selector:'feed',templateUrl:'./feed.component.html',styl

javascript - 当通过 post 请求发送有效的 json 数据时,Flask request.get_json() 返回 None

这个问题在这里已经有了答案:HowtogetPOSTedJSONinFlask?(13个答案)关闭4年前。使用Flask构建应用程序。该应用程序使用表结构来显示数据。它的部分功能是从用户指定的表行中收集数据。为此,我在执行某些js的每一行上放置了一个按钮。js从行中收集信息,使用JSON.stringify()转换为json对象并将发布请求发送到相关的flaskurl。将jsonified对象的值从js文件记录到浏览器控制台表明它的格式正确。post请求联系正确的路由,但是request.get_json()函数在该路由的方法中返回None值。我在flask中设置了一个单独的路径用于测

javascript - MaterializeCSS 日期选择器 : setDate does not update the view

使用MaterializeCSS1rc2,我尝试从Javascript更新我的DatePicker的日期。我的HTML我的JSfunctionchangeDate(date){/*dateisajavascriptDateobject*/vardatepicker=document.getElementById('datepicker');varinstance=M.Datepicker.getInstance(datepicker);instance.setDate(date);}查看控制台,所有变量都设置为其预期值。当我单击DatePicker时,这也是显示的预期日期(我在chan

javascript - 通过 Javascript 显示或隐藏 PDF 中的元素

在PDF文件中,通过JavascriptAPI与表单域交互非常容易。.是否可以对页面上的任意元素执行此操作(特别是显示/隐藏)?比如说,不仅是表单字段,还有文本、图形元素、嵌入式图像……是否有API可以与这些进行交互?如果是,我如何识别对象? 最佳答案 这在很大程度上取决于文档的“扁平化”程度。您可以轻松访问链接、页面标题、图标等,但据我所知,您处理的不是与HTMLDOM类似的文档,其中所有内容都可以在some方式。创建PDF时,即使是从Illustrator等分层应用程序创建的,也会合并(拼合)文档的各个部分以保持较小的文件大小。